<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表的使用</title>
		</<style type="text/css">
			<!-- htmL部分 --><style>
			/*css注释方式*/
			/* css部分:选择器:抓取页面元素，元素增加效果
			选择器{
			属性:属性值;属性:属性值;
			
			*/
		p{
			width:200px;
			height:200px;
			background:#ffaaff;
		}
		</style>
	</head>
	<body>
		<!-- @内联样式表，叫做行内样式表[开发不用：没有真正实现内容与必须分离]
		语法:前标记 style="属性:属性值;属性:属性值;..." 
		-->
		<div style="width: 300px; height: 300px; background: red;"></div>
		<!--②内部样式表【开发不用:练习专用]
		htmL部分: 在head元素中，添加style元素 css部分: 在style元素中，添加css样式 -->
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore nesciunt cumque sequi est eligendi perferendis eos tempora natus. Repellat placeat dicta modi eius provident fuga odio sit, nobis corporis impedit.
		<div></div>
	</body>
</html>